import styled from 'styled-components';
//小球组件
export const Dothook = styled.button.attrs({
  backgroundColor: (props) => props.cancelColor || props.cancelHoverColor,
})`
  position: absolute;
  top: 0px;
  left: ${(props) => props.mySite}px;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  background-color: black;
`;
//背景色组件
export const Bgchook = styled.button`
  height: 40px;
  background-color: #da9925;
  width: ${(props) => props.mySite}px;
`;
